<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#biankuang{
				width: 350px;
				height: 500px;
				border: 1px solid #AACBEE;
				border-radius: 10px;
			}
			#biankuang #yi{
				width: 320px;
				height: 100px;
				/*border: 1px solid black;*/
			}
			#yi img{
				float: left;
				margin:15px;
			}
			#yiyou{
				float: right;
				margin:0px 15px;
			}
			li{
				list-style: none;
			}
			#biankuang #er{
				width: 320px;
				height: 100px;
				/*border: 1px solid black;*/
			}
			#er img{
				float: left;
				margin:15px;
			}
			#eryou{
				float: right;
				margin:0px 15px;
			}
			li{
				list-style: none;
			}
			#biankuang #si{
				width: 320px;
				height: 100px;
				/*border: 1px solid black;*/
			}
			#si img{
				float: left;
				margin:15px;
			}
			#siyou{
				float: right;
				margin:0px 15px;
			}
			li{
				list-style: none;
			}
			#biankuang #san{
				width: 320px;
				height: 100px;
				/*border: 1px solid black;*/
			}
			#san img{
				float: left;
				margin:15px;
			}
			#sanyou{
				float: right;
				margin:0px 15px;
			}
			li{
				list-style: none;
			}
			#sheng{
				position: absolute;
				left: 70px;
				top: 100px;
			}
			#more{
				position: absolute;
				left: 300px;
				top: 45px;
			}
			span{
				color: #D80000;
			}
			a{
				color: red;
			}
			li{
				color: gray;
			}
		</style>
	</head>
	<body>
		<div id="biankuang">
			<div>
				<h1><span>SHOP</span>今日推荐</h1>
				<img src="img/more.gif" id="more" />
				<div id="yi">
					<img src="img/shen.png" id="sheng" />
					<img src="img/img9.gif" />
					<div id="yiyou">	
					<ul>
						<li><a href="#">汉来国际美食百货</a></li>
						<li>口味：创意中餐</li>
						<li>区域：朝阳/CBD</li>
					</ul>
					</div>
				</div>
				<div id="er">
					<img src="img/img7.gif" />
					<div id="eryou">	
					<ul>
						<li><a href="#">汉来国际美食百货</a></li>
						<li>口味：创意中餐</li>
						<li>区域：朝阳/CBD</li>
					</ul>
					</div>
				</div>
				<div id="san">
					<img src="img/img8.gif" />
					<div id="sanyou">	
					<ul>
						<li><a href="#">汉来国际美食百货</a></li>
						<li>口味：创意中餐</li>
						<li>区域：朝阳/CBD</li>
					</ul>
					</div>
				</div>
				<div id="si">
					<img src="img/img7.gif" />
					<div id="siyou">	
					<ul>
						<li><a href="#">汉来国际美食百货</a></li>
						<li>口味：创意中餐</li>
						<li>区域：朝阳/CBD</li>
					</ul>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
